/**
 * Suspence 组件
 *
 *    Vue3 新增的，目前仍然是一个实验性质的组件
 *
 * 异步组件
 *
 *    直接 import xxx from 'xx组件' 这种代码都是静态导入一个组件，这种方式会将所有静态导入的组件
 *    都在构建生产时生成到主JS文件中。会导致首屏加载的JS资源过大，网页渲染出内容的时间就会越长，白屏时间也会越长。
 *
 *
 *    要做一个优化的话，主要就是减少主JS的大小
 *          将一些组件做成异步组件，就能在构建时针对该组件单独生成JS
 *
 *    如何定义一个异步组件：
 *
 *      defineAsyncComponent()
 */

import { createApp } from "vue";
import App from "./App.vue";

// 创建应用
const app = createApp(App);

// 挂载应用
app.mount("#app");
